<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@include file="/jsp/common/head.jsp"%>

<div class="right">
	<div class="location">
		<strong>你现在所在的位置是:</strong>
		<span>供应商管理页面</span>
	</div>
	<div class="search">
		<form method="post" action="${pageContext.request.contextPath }/providers?method=providerList">
			<span>供应商编码：</span>
			<input name="queryProCode" type="text" value="${queryProCode}">

			<span>供应商名称：</span>
			<input name="queryProName" type="text" value="${queryProName}">

			<input type="hidden" name="pageNo" value="1"/>
			<input value="查 询" type="submit" id="searchbutton">
			<a href="${pageContext.request.contextPath }/jsp/provideradd.jsp">添加供应商</a>
		</form>
	</div>
	<!--供应商操作表格-->
	<table class="providerTable" cellpadding="0" cellspacing="0">
		<tr class="firstTr">
			<th width="10%">供应商编码</th>
			<th width="20%">供应商名称</th>
			<th width="10%">联系人</th>
			<th width="10%">联系电话</th>
			<th width="10%">传真</th>
			<th width="10%">创建时间</th>
			<th width="30%">操作</th>
		</tr>
		<c:forEach items="${pageSupport.data}" var="provider">
			<tr>
				<td>
					<span>${provider.proCode}</span>
				</td>
				<td>
					<span>${provider.proName}</span>
				</td>
				<td>
					<span>${provider.proContact}</span>
				</td>
				<td>
					<span>${provider.proPhone}</span>
				</td>
				<td>
					<span>${provider.proFax}</span>
				</td>
				<td>
					<span>
						<span>${provider.creationDate}</span>
					</span>
				</td>
				<td>
					<span><a class="viewProvider" href="/providers?method=toViewProvider&id=${provider.id}" ><img src="${pageContext.request.contextPath }/images/read.png" alt="查看" title="查看"/></a></span>
					<span><a class="modifyProvider" href="/providers?method=toModProvider&id=${provider.id}" ><img src="${pageContext.request.contextPath }/images/xiugai.png" alt="修改" title="修改"/></a></span>
					<span><a class="deleteProvider" href="javascript:void(0);" delProviderId="${provider.id}"><img src="${pageContext.request.contextPath }/images/schu.png" alt="删除" title="删除"/></a></span>
				</td>
			</tr>
		</c:forEach>

	</table>
	<c:import url="rollpage.jsp"></c:import>
</div>
</section>

<!--点击删除按钮后弹出的页面-->
<div class="zhezhao"></div>
<div class="remove" id="removeProv">
	<div class="removerChid">
		<h2>提示</h2>
		<div class="removeMain" >
			<p>你确定要删除该供应商吗？</p>
			<a href="#" id="yes">确定</a>
			<a href="#" id="no">取消</a>
		</div>
	</div>
</div>

<%@include file="/jsp/common/foot.jsp" %>
<script type="text/javascript">
	// 删除弹窗简单用法
	var delProviderId;
	function openYesOrNoDLG(){
		$('.zhezhao').css('display', 'block');
		$('#removeProv').fadeIn();
	}

	function cancleBtn(){
		$('.zhezhao').css('display', 'none');
		$('#removeProv').fadeOut();
	}
	function changeDLGContent(contentStr){
		var p = $(".removeMain").find("p");
		p.html(contentStr);
	}

	// 点击删除
	$(".deleteProvider").click(function (){
		delProviderId = $(this).attr("delProviderId");
		changeDLGContent("确定要删除此供应商吗？");
		openYesOrNoDLG();
	});

	$('#no').click(function () {
		cancleBtn();
	});

	$('#yes').click(function () {
		// 推荐用ajax实现异步删除
		location.href = "/providers?method=providerDel&id=" + delProviderId;
	});
</script>